<template>
  <!-- 使用Element Plus的el-select组件创建一个下拉选择框，用于选择指导老师 -->
  <el-select class="input-default-width" placeholder="请选择指导老师" clearable>
    <!-- 使用v-for指令遍历data数组，为每个指导老师创建一个选项 -->
    <el-option
      v-for="item in data"
      :key="item.teacherId"
      :label="item.teacherName"
      :value="item.teacherId"
    ></el-option>
  </el-select>
</template>

<script setup>
import { ref, onMounted } from "vue"; // 导入Vue的响应式引用和生命周期钩子
import { GetBindingTeacherApi } from "@/api/common"; //导入获取指导老师列表的API接口

// 定义一个响应式变量data，初始为空数组
const data = ref([]);

// 定义一个异步函数handleGetBindingTeacher，用于获取指导老师的数据
const handleGetBindingTeacher = async () => {
  let res = await GetBindingTeacherApi();
  if (res.success) {
    data.value = res.entityList;
  }
};

// 在组件挂载后立即调用handleGetBindingTeacher函数，获取数据
onMounted(() => {
  handleGetBindingTeacher();
});
</script>

<style lang="scss" scoped></style>